<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>1060官网</title>
    <link rel="stylesheet" href="../../style/iconfont.css">
    <link rel="stylesheet" href="../../common/index.css">
    <link rel="stylesheet" href="../../style/common.css">
    <link rel="stylesheet" href="../../style/index/culture.css">
</head>
<body>
<header class="p-l-100 p-r-100">
    <div class="font-0 flex-col-center logo">
        <img src="http://sitjhwm8c.hb-bkt.clouddn.com/FiApHDI6JqKO5GdEDG0MMw7Pw-yQ" alt="">
    </div>
    <nav id="nav" class="font-18">
        <div>
            <a href="../../index.html">首页</a>
        </div>
        <div class="active">
            <a href="#">關於中港通</a>
            <div class="font-15">
                <a href="../../pages/index/develop.html">企业发展</a>
                <a href="../../pages/index/thought.html">使命思想</a>
                <a href="../../pages/index/strategy.html">关于中港通</a>
                <a href="../../pages/index/culture.html">牌照</a>
            </div>
        </div>
        <div>
            <a href="../../pages/brand/index.html">旗下品牌</a>
        </div>
        <div>
            <a href="#">主要業務</a>
            <div class="font-15">
                <a href="../../pages/strength/R-and-D.html">港股交易</a>
                <a href="../../pages/strength/qualifications.html">资质专利</a>
                <a href="../../pages/strength/market.html">配售</a>
                <a href="../../pages/strength/cooperation.html">香港投資移民（CIES）</a>
            </div>
        </div>
        <div>
            <a href="#">集团动态</a>
            <div class="font-15">
                <a href="../../pages/trends/business.html">集团事业</a>
                <a href="../../pages/trends/member.html">集团领导</a>
            </div>
        </div>
        <div>
            <a href="#">客戶專區</a>
            <div class="font-15">
                <a href="../../pages/news/index.html">开户</a>
                <a href="../../pages/news/party-building.html">港股交易收費表</a>
                <a href="../../pages/news/video.html">資金存取</a>
            </div>
        </div>
        <div>
            <a href="../../pages/investor/index.html">投资者关系</a>
        </div>
        <div>
            <a href="#">联系我们</a>
            <div class="font-15">
                <a href="../../pages/contact/contact-us.html">联系方式</a>
                <a href="../../pages/contact/feedback.html">意见反馈</a>
            </div>
        </div>
    </nav>
    <div class="language">
        <span>CN</span>
    </div>
</header>
<main>
    <div class="flex">
        <div class="row-span-8">
            <img width="100%" src="http://sitjhwm8c.hb-bkt.clouddn.com/FqS3Ctu8H6XMexBOGdymM9DsZapv" alt="">
        </div>
        <div class="flex-1 p-l-100 flex-col-center" >
            <div class="text-right text font-50">
                <span>license plate
</span>
            </div>
            <div class="text-right font-30 p-t-40 p-b-40">
                <span>牌照</span>
            </div>
            <div class="text-right font-18 color-666">
                <p style="text-align: right;">香港證券及期貨事務監察委員會牌照</p>
<p style="text-align: right;">&nbsp;</p>
<p style="text-align: right;">第一類（證券交易）受規管活動</p>
<p style="text-align: right;">&nbsp;</p>
<p style="text-align: right;">香港聯合交易所牌照</p>
<p style="text-align: right;">&nbsp;</p>
<p style="text-align: right;">交易所參與者及直接結算參與者</p>
            </div>
        </div>
    </div>
    <div>
        <div class="position-r">
            <span class="font-30 position-r" style="z-index: 1;"> 
</span>
            <span class="font-30 text position-a" style="bottom: -5px;left: 0;opacity: .5;"><b> </b></span>
        </div>
        <div class="flex p-t-30">
            <div class="flex-1 flex-center flex-col background" style="background: url('https://cdn.55mao.com/Fi-HP8DPpqksyxrQLeOkhWtLbOdf') no-repeat 0 0;">
                <div>
                    <span class="font-20"><b>使命</b></span>
                </div>
                <div class="p-t-20">
                    <span class="font-15 color-333">推动组织变革与成长</span>
                </div>
            </div>
            <div class="flex-1 flex-center flex-col background" style="background: url('https://cdn.55mao.com/Foifem6nKDv4BKnHv93FVQDRpXdq') no-repeat 0 0;">
                <div>
                    <span class="font-20"><b>使命</b></span>
                </div>
                <div class="p-t-20">
                    <span class="font-15 color-333">推动组织变革与成长</span>
                </div>
            </div>
            <div class="flex-1 flex-center flex-col background" style="background: url('https://cdn.55mao.com/FrYsPcktta6ClsGbls_HO3CRIaLY') no-repeat 0 0;">
                <div>
                    <span class="font-20"><b>使命</b></span>
                </div>
                <div class="p-t-20">
                    <span class="font-15 color-333">推动组织变革与成长</span>
                </div>
            </div>
        </div>
    </div>
    <div class="p-t-50">
        <div class="position-r flex-row-center">
            <span class="font-30 position-r" style="z-index: 1;">企业文化</span>
            <span class="font-30 text position-a" style="bottom: -5px;opacity: .5;"><b>CORPORATE CULTURE</b></span>
        </div>
        <div class="flex culture-content m-t-30">
            <!-- 内容区域 -->
        </div>
    </div>
    <div class="flex-center p-b-50">
        <span class="button" id="handleMoreMethods" >MORE</span>
    </div>
</main>
<footer class="p-l-100 p-r-100">
    <div class="flex">
        <div class="flex-1 link">
            <div>
                <img src="http://sitjhwm8c.hb-bkt.clouddn.com/Fov__NAFlvR8W0uLV-iYhAyvD3ru" alt="">
            </div>
            <div><div style="display: flex; margin-top: 50px; margin-bottom: 20px;" data-v-72d94ebe="">
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">公司介绍</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">企业发展</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">使命思想</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">蓝海战略</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">企业文化</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">旗下品牌</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">保参利</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">益参祥</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">圳友</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">新闻公告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">企业新闻</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">党建工作</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">视频中心</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">集团动态</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">集团事业</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">集团领导</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">集团新闻</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">媒体报道</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">企业资讯</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">研发中心</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">资质专利</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">全球市场</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">合作伙伴</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">投资者关系</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">最新报告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">定期报告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">公司治理</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">机构报告</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">投资者关系</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">投资者教育</a></div>
<div style="display: flex; flex-direction: column; margin-right: 72px;" data-v-72d94ebe=""><a style="margin-bottom: 8px; display: flex; justify-content: center; font-weight: bold; border-bottom: 1px solid #333333; color: #000000; font-size: 13px; padding: 6px 0px;" href="#" data-v-72d94ebe="">联系我们</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">人才招聘</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="#" data-v-72d94ebe="">联系方式</a><a style="color: #777777; font-size: 12px; margin-bottom: 8px; padding: 0px 3px; display: flex; justify-content: center;" href="http://www.baidu.com" data-v-72d94ebe="">意见反馈</a></div>
</div></div>
            <!--            <div>-->
            <!--                <div>-->
            <!--                    <img src="./image/wx.png" alt="">-->
            <!--                    <img src="./image/qq.png" alt="">-->
            <!--                    <img src="./image/weibo.png" alt="">-->
            <!--                    <img src="./image/douyin.png" alt="">-->
            <!--                </div>-->
            <!--                <p>© 2023 VICO CO., LTD</p>-->
            <!--            </div>-->
        </div>
        <div class="contact hide">
            <div>
                <p>聯絡電郵/E-mail</p>
                <p>cs@cktsec.com.hk</p>
                <!--                <p>招聘/Recruitment</p>-->
                <!--                <p>35906506</p>-->
                <p>總部地址/Address</p>
                <p>香港干諾道中 168-200 號信德中心西翼 2808-09 室</p>
            </div>
            <div>
                <img src="http://sitjhwm8c.hb-bkt.clouddn.com/FulG3smeE2Ssj72Oa4Ci9fLt1fR4" alt="">
            </div>
        </div>
    </div>
</footer>
</body>
<script src="../../common/jquery.js"></script>
<script>
    $(function () {
        $(window).on('scroll', function () {
            $('header').css('background', 'rgba(255, 255, 255,' + $(window).scrollTop() / 100 + ')');
        });

        let page = 1;

        $('#handleMoreMethods').on('click', ()=> {
            getData(page++);
        });

        getData(page);

        function getData(page) {
            $.get(`${ window.location.protocol }//${ window.location.hostname.replace('www', 'api') }/admin/officialwebsite/sys/module/getContent/byMark`, { mark: 'culture', pageNum: page, pageSize: 9 }, (res) => {
                if(res.code === 0) {
                    if(res.data.records && res.data.records.length) {
                        renderingMethods(res.data.records);
                    }
                }
            })
        }

        function renderingMethods(list) {
            list.forEach(item => {
                $('.culture-content').append(
                    `<div class="bg-fff flex-col m-r-40 m-b-40 p-40">
                        <div class="flex border-bottom p-b-30 m-t-20">
                            <div class="border flex-col flex-center p-20">
                                <span class="font-30" style="color: #00AB16;">${ item.day }</span>
                                <span class="color-666">${ item.year }-${ item.month }</span>
                            </div>
                            <div class="flex-1 flex-col-center p-l-20">
                                <h4 class="font-20 wrap-2">${ item.title }</h4>
                                <span class="color-333 p-t-10">——${ item.nickName }</span>
                            </div>
                        </div>
                        <div class="flex-1 color-666 p-t-30 line-height font-15 wrap-4">
                            <p>${ item.description }</p>
                        </div>
                        <div class="flex-align-item-center flex-row-end m-t-30">
                            <span style="color: #00AB16;" onclick="window.location.href = '../details/index.html?id=${ item.id }'">MORE</span>
                            <img width="26" height="26" src="../../image/index/right-icon.png" alt="">
                        </div>
                    </div>`
                );
            });
        }

        $('nav > div').hover(function () {
            $(this).children('div').toggle();
        });
    });
</script>
</html>
